<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <link rel="shortcut icon" href="#" />
    <link
      rel="stylesheet"
      type="text/css"
      href="{{_res_path}}/help/index.css"
    />
    <title>QBot-Plugin</title>
    <% style=style.replace(/{{_res_path}}/g, _res_path) %> {{@style}}
  </head>

  <body class="{{bodyClass}}" {{sys.scale}}>
    <div class="container" id="container">
      <div class="info-box">
        <div class="head-box type{{bgType}}">
          <div class="title">{{helpCfg.title||"使用帮助"}}</div>
          <div class="label">
            {{helpCfg.subTitle || "Yunzai-Bot & Miao-Plugin"}}
          </div>
        </div>
      </div>

      {{each helpGroup group}} {{set len = group?.list?.length || 0 }}
      <div class="cont-box">
        <div class="help-group">{{group.group}}</div>
        {{if len > 0}}
        <div class="help-table">
          <div class="tr">
            {{each group.list help idx}}
            <div class="td">
              <span class="help-icon" style="{{help.css}}"></span>
              <strong class="help-title">{{help.title}}</strong>
              <span class="help-desc">{{help.desc}}</span>
            </div>
            {{if idx%colCount === colCount-1 && idx>0 && idx< len-1}}
          </div>
          <div class="tr">
            {{/if}} {{/each}} <% for(let i=(len-1)%colCount; i< colCount-1 ;
            i++){ %>
            <div class="td"></div>
            <% } %>
          </div>
        </div>
        {{/if}}
      </div>
      {{/each}}
      <div class="copyright">{{@sys.copyright}}</div>
    </div>
  </body>
</html>
